<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/struct.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <h:form id="form"  >
            <p:panel header="Registrar Ciudad" id="panel" style="border: 0;" >

                <p:messages id="msgs"  globalOnly="false" /> 

                <h:panelGrid columns="3" cellpadding="5" >

                    <h:outputLabel for="codigo" value="Codigo:" />
                    <p:inputText id="codigo" label="codigo" value="#{ciudadBean.ciudad.codigo}" required="true"  >
                        <f:validateLength minimum="2" />  
                    </p:inputText>  
                    <p:message for="codigo" /> 

                    <h:outputLabel for="nombre" value="Nombre:" />
                    <p:inputText id="nombre" label="nombre" value="#{ciudadBean.ciudad.nombre}" required="true" >
                        <f:validateLength minimum="2" />  
                    </p:inputText>
                    <p:message for="nombre" />

                </h:panelGrid> 
                <p:commandButton value="Guardar" icon="ui-icon-disk" update="@form,panel,:formCityRegister" actionListener="#{ciudadBean.addCiudad()}" />
                <p:commandButton value="Cencelar" icon="ui-icon-close" type="reset" update="@form,:formCityRegister"  />

            </p:panel>
        </h:form>

        <p:separator />
        <!--tabla que muestra las ciudades -->
        <h:form prependId="false" id="formCityRegister">  

            <p:dataTable id="dataTable" var="city" value="#{ciudadBean.ciudades}"  
                         paginator="true" rows="5"  
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                         rowsPerPageTemplate="5,10,15">  
                <f:facet name="header">  
                    Ciudades registradas  
                </f:facet>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Codigo" />  
                    </f:facet>  
                    <h:outputText value="#{city.codigo}" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Nombre" />  
                    </f:facet>  
                    <h:outputText value="#{city.nombre}" />  
                </p:column>  
            </p:dataTable>  

            <h:commandButton value="Generar reporte"  >
                <p:dataExporter type="pdf" target="dataTable"  fileName="reporte" preProcessor="#{ciudadBean.preProcessPDF}" />  
            </h:commandButton>    
        </h:form> 

        <!--        <h:form>
                    <h:commandButton value="Generar Reporte" actionListener="   {ciudadBean.toPdf()}" />
                </h:form>-->

    </ui:define>
</ui:composition>

